<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>景点详情</title>
    <style>
        #content
        {
            margin: 50px auto;
            width: 600px;
            height: 340px;
        }
        #centent img
        {
            width: 100%;
            height: 100%;
            box-shadow:   rgba(243, 20, 20, 0.2) 0 2px 5px 0px;
            border-radius: 5px;
        }
    </style>

</head>
<body>
<h2 th:text="${commdity.title}" align="center" style="color: #00FFFF"></h2>
<i>路线：</i><b th:text="${commdity.route}"></b><br>
<i>景点类别：</i><b th:text="${commdity.project}"></b><br>
<i>景点介绍：</i><b th:text="${commdity.introduction}"></b><br>
<i>景区单价：</i><b th:text="${commdity.price}"></b><br>
<i>景点图片:</i><br>
<div id="centent">
    <img th:src="${commdity.image}" width="80%" align="center">
</div>

</body>
</html>